﻿/***** main *****/

.bookContentContainer
{
    position:relative;
    border-top:1px solid grey;
    clear:both;
}

.bookContentContainer:after 
{
	content:".";
	visibility:hidden;
	display:block;
	height:0;
	clear:both;
}
.bookContent:after 
{
	content:".";
	visibility:hidden;
	display:block;
	height:0;
	clear:both;
}

.booksContainer
{
    margin-top:5px;
    margin-bottom:5px;
}

div.booksContainer>div:last-child
{
    border-bottom:1px solid grey;
}
.libraryMainContainer
{
  margin-right:40px;
  margin-left:30px;
  padding-top:30px;

}

.defaultMainFont
{
  font-family:Tahoma;
  color:#5b6983;
  font-size:13px;
}
.defaultHeaderFont
{
    font-size:15px;
    color:#293955;
    font-weight:bold;
    font-family:Tahoma;
}
.author
{
    /*font-weight:lighter;*/
}
.lighter
{
    font-weight:lighter;
}
.pagination
{
   text-align:right; 
   clear:both;
   margin-bottom:5px;
   margin-top:5px;
}

.pagination a:active
{
    color:#000000;
}
/***** icons common *****/
.icon
{
    display:inline-block;
    background-image: url('../images/icons.png');
    background-repeat:no-repeat;
}
.icon:hover
{
    cursor:pointer;
}

/**** medium icons ****/
.mediumIcon
{
    height:21px;
    width:21px;
    margin-right:15px;
    margin-top:15px;
}

.addIcon
{
    background-position:0 0;
}

.editIcon
{
    background-position:-21px 0;
}
.deleteIcon
{
    background-position:0 -21px;
}
.saveIcon
{
    background-position: -21px -21px;
}
.cancelIcon
{
    background-position:-42px -21px;
}

.commandBar span:last-child
{
    margin-right:0;
}

.previewIcon
{
    width:21px;
    height:21px;
    background-position:-42px 0;
    display:block;
    margin:0 auto;
}

/**** small icons ****/
.smallIcon
{
    width:9px;
    height:9px;
    vertical-align:middle;
}
.readerIcon
{
    background-position:-72px 0;
}
.opacityReaderIcon
{
    background-position:-72px -9px;
}
.crossIcon
{
    background-position:-72px -18px;
}
.backPointerIcon
{
    background-position:-63px -9px;
}
.pointerIcon
{
    background-position:-63px 0px;
}
.clockIcon
{
    background-position: -63px -18px;
}

/**** other icons ****/
.peopleIcon
{
    float:left;
    width: 21px;
    height:10px;
    background-position:-81px 0;
    margin-left:10px;
    margin-top:4px;
}

/***** add edit save delete icons commandBar *****/
.commandBar
{
    text-align:right;
}

/***** List Icons ******/

.openedListIcon
{
    height:5px; 
    width:9px; 
    background-position:-72px -29px;
    
}
.closedListIcon
{
    height:9px;
    width:5px;
    background-position:-65px -27px;
    vertical-align:middle;
}

.listIconContainer
{
    height:9px;
    width:9px;
    float:left;
    margin-right:20px; 
    margin-top:5px;
    margin-left:2px;
}
.lastListIcon
{
    margin-right:2px;
}

/***** Book content *****/

.bookImage
{
    height:200px;
    width:170px;
    margin-bottom:2px;
}

.bookImageContainer
{
    width:170px;
}

.imageRef
{
    margin-bottom:10px;
}

.imageRef:hover
{
    cursor:pointer;
}

.bookDescriptionContainer
{
   margin-bottom:15px;
}


.bookInfo
{
    float:right;
    width:750px;
    margin-bottom:10px;
}

.title
{
    text-decoration:underline;
}

/***** Book footer *****/
.bookFooter:hover
{
	cursor:default;
}
.peopleList
{
    padding-left:2px;
    margin-right:15px;
    list-style-type:none;
    float:left;
    margin-top:0px;
}

.listTitle
{
    float:left;
    font-weight:bold; 
}

.peopleWrapper
{
    float:left;
    margin-right:2px;
}

.peopleName
{
    border-bottom:1px dashed #5b6983;
}
.owner
{
    text-align:right;

}
.ownerTitle
{
    font-weight:bold;
}

/****** Add/edit book form *******/

#bookEditing 
{
    margin-bottom:10px;
}

.titleBox
{
    width:356px;
}
.descriptionBox
{
    min-width:744px;
    max-width:744px;
    min-height:139px;
    max-height:139px;
}

.boxID
{
    width:120px;
    display:block;
    float:right;
    margin:0 0 0 auto;
}

.boxIDContainer
{
   /*clear:both;*/
   margin-bottom:10px;
   text-align:center;
}
.labelID
{
   display:inline-block;
   margin-top:3px
}